<template>
    <div class="header">
        企业项目
    </div>
    <van-tabs v-model:active="active" background="#f0f0f0">
        <van-tab title="钻石创业者">
            <img src="../assets/banner2.png" alt="" width="100%" height="300">
            <div class="title">服务内容</div>
            <img src="../assets/30w_1.png" alt="" width="100%">
            <div style="color: #ced1d3;  text-align: center; margin-top: 5px;">提供以上两个学院的技术支持、咨询服务、课件学习等内容
            </div>
            <div class="title">创业者享受的回报收益</div>
            <div style="background-color: #f5f5f5; padding-bottom: 40px;">
                <img src="../assets/30w_2.png" alt="" width="100%">
                <span style="color: #ced1d3;">
                    &nbsp; X:渠道可享有的股份额度;<br>
                    &nbsp; y:渠道个人业绩流水总额累计;<br>
                    &nbsp; z:历年渠道全部各方业绩流水总额累计;<br>
                    &nbsp; b:宏鑫互联网集团所拥有的上市或者充足公司纵谷本数:<br>
                    &nbsp; 9:宏鑫互联网集团上市总股本数的20%;
                </span>

            </div>
            <img src="" alt="">
        </van-tab>
        <van-tab title=" 金牌创业者">
            <!--引用外部的组件 -->
            <Jpcy></Jpcy>
        </van-tab>
        <van-tab title="银牌创业者">
            <Ypcy></Ypcy>
        </van-tab>
    </van-tabs>


    <van-tabbar v-model="actives">
        <van-tabbar-item icon="wap-home" to="/">小滴服务</van-tabbar-item>
        <van-tabbar-item icon="todo-list">企业项目</van-tabbar-item>
        <van-tabbar-item icon="wechat-moments" to="/fwdemo">服务流程</van-tabbar-item>
        <van-tabbar-item icon="graphic" to="/Ptfc">平台风采</van-tabbar-item>
        <van-tabbar-item icon="friends" :to="({ name: 'login' })">我的小滴</van-tabbar-item>
    </van-tabbar>

</template>

<script setup>

import { ref } from 'vue'
import Jpcy from '../components/jpcy.vue';
import Ypcy from '../components/Ypcy.vue';
const active = ref(0)
const actives = ref(1)

</script>

<style scoped>
/* 头部样式 */
.header {
    height: 50px;
    width: 100%;
    background-color: #178d8d;
    font-size: 25px;
    line-height: 50px;
    text-align: center;
    color: white;
    font-weight: 800;
}
.title{
text-align: center; 
font-size: 20px; 
font-weight: 800;
}
/* 编辑css的样式 */
.van-tabbar-item {
    font-size: 15px;
}

:deep(.van-tabbar-item__icon) {
    font-size: 30px !important;
}
</style>